<template>
	<view class="block">
		<!-- <view class="honhsebjt"></view> -->
		<view class="dingwei">
			<view class="dingbu">
				<image src="../../static/image/system/yqhyou.png" mode=""></image>
			</view>
			<view class="guocheng">
				<view class="flexcenter">
					<view class="shishiw">
						<view class="fxhd"></view>
						<view class="textcenter margin_top2 baisetext"> 分享活动</view>
						<view class="textcenter baisetext"> 给您好友</view>
					</view>
					<view class="dian margin_right4"></view>
					<view class="shishiw">
						<view class="hyjs"></view>
						<view class="textcenter margin_top2 baisetext">好友接受 </view>
						<view class="textcenter baisetext"> 您的邀请</view>
					</view>
					<view class="dian margin_right4"></view>
					<view class="">
						<view class="hydl"></view>
						<view class="textcenter margin_top2 baisetext">好友登录 </view>
						<view class="textcenter  baisetext"> 完成消费</view>
					</view>
				</view>
				<view class="hbtext textcenter margin_top4"> Ta所产生的消费您都将获得对应比例的收入哦！ </view>
			</view>
			<view class="ljyq">
				<u-button id="shareBtn" class="" open-type="share">
					<image src="../../static/image/system/ljfx.png" mode=""></image>
				</u-button>
			</view>

			<!-- <u-button id="shareBtn"  open-type="share" >
				<view class="ljyq">
					<image src="../../static/image/system/ljfx.png" mode=""></image>
				</view>
			</u-button> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			onShareAppMessage(res) {
				let path = "/pages/homepage/homepage?user_id=" + uni.getStorageSync("user_id")
				return {
					title: '流量吧', //自定义分享标题
					path: path, // '/pages/...'分享页面路径（打开分享时进入页），以/开头
					imageUrl: '', //可设置默认分享图，不设置默认截取头部5:4
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	/deep/.u-button{
		height: 145rpx !important;
	}
	/deep/.u-button--info {
		background-color: #ff082d !important;
		border-color: none !important;
		border-style: none !important;
	}

	button {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		background-color: none;
		background: none;
		line-height: 25rpx;
		color: none;
		border-radius: 0;
	}

	button::after {
		border: none !important;
		border-radius: 0 !important;
	}

	.guocheng {
		position: absolute;
		bottom: 284rpx;
		left: 88rpx;
	}

	.hbtext {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}

	.dian {
		width: 58rpx;
		height: 43rpx;
		background-size: 100% 100%;
		background-image: url('../../static/image/system/dian.png');
	}

	.shishiw {
		margin-right: 45rpx;
	}

	.baisetext {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFE9BC;
	}

	.hydl {
		background-size: 100% 100%;
		width: 96rpx;
		height: 96rpx;
		background-image: url('../../static/image/system/hydl.png');
	}

	.hyjs {
		background-size: 100% 100%;
		width: 96rpx;
		height: 96rpx;
		background-image: url('../../static/image/system/hyjs.png');
	}

	.fxhd {
		background-size: 100% 100%;
		width: 96rpx;
		height: 96rpx;
		background-image: url('../../static/image/system/fxhd.png');
	}

	.ljyq {
		position: absolute !important;
		bottom: 80rpx;
		left: 99rpx;
		width: 563rpx;
		height: 153rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.dingbu {
		width: 100%;
		height: 1624rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.honhsebjt {
		height: 140rpx;
		width: 100%;
		background-color: #f7333a;
	}
</style>
